<!-- eslint-disable -->
<template>
  <div>
    <el-dialog :title="dialogTitle" :visible.sync="dialogFormVisible" @close="dialogClose" width="680px" :close-on-click-modal="true">
      <div class="detail">
        <div class="detail-item">
            <div class="detail-item-con">
                <div class="title">白细胞数目（WBC）：</div><div>{{form.wbc}}</div>
            </div>
            <div class="detail-item-con">
                <div class="title">中性细胞数（NEUT#）：</div><div>{{form.neut}}</div>
            </div>
        </div>
        <div class="detail-item">
            <div class="detail-item-con">
                <div class="title">淋巴细胞数（LYM）：</div><div>{{form.lym}}</div>
            </div>
            <div class="detail-item-con">
                <div class="title">单核细胞（MONO#）：</div><div>{{form.mono}}</div>
            </div>
        </div>
        <div class="detail-item">
            <div class="detail-item-con">
                <div class="title">嗜酸性粒细胞（EO#）：</div><div>{{form.eo}}</div>
            </div>
            <div class="detail-item-con">
                <div class="title">嗜碱性粒细胞（BASO#）：</div><div>{{form.baso}}</div>
            </div>
        </div>
        <div class="detail-item">
            <div class="detail-item-con">
                <div class="title">中性细胞比率（NEUT%）：</div><div>{{form.neut_rate}}</div>
            </div>
            <div class="detail-item-con">
                <div class="title">淋巴细胞比率（LYM%）：</div><div>{{form.lym_rate}}</div>
            </div>
        </div>
        <div class="detail-item">
            <div class="detail-item-con">
                <div class="title">单核细胞比率（MONO%）：</div><div>{{form.mono_rate}}</div>
            </div>
            <div class="detail-item-con">
                <div class="title">嗜酸性粒细胞比率（EO%）：</div><div>{{form.eo_rate}}</div>
            </div>
        </div>
        <div class="detail-item">
            <div class="detail-item-con">
                <div class="title">嗜碱性粒细胞比率（BASO%）：</div><div>{{form.baso_rate}}</div>
            </div>
            <div class="detail-item-con">
                <div class="title">红细胞（RBC）：</div><div>{{form.rbc}}</div>
            </div>
        </div>
        <div class="detail-item">
            <div class="detail-item-con">
                <div class="title">血红蛋白（HGB）：</div><div>{{form.hgb}}</div>
            </div>
            <div class="detail-item-con">
                <div class="title">红细胞压积（HCT）：</div><div>{{form.hct}}</div>
            </div>
        </div>
        <div class="detail-item">
            <div class="detail-item-con">
                <div class="title">红细胞平均体积（MCV）：</div><div>{{form.mcv}}</div>
            </div>
            <div class="detail-item-con">
                <div class="title">平均血红蛋白量（MCHC）：</div><div>{{form.mchc}}</div>
            </div>
        </div>
        <div class="detail-item">
            <div class="detail-item-con">
                <div class="title">红细胞分布宽度变异系数（RDW-CV)）：</div><div>{{form.rdw_cv}}</div>
            </div>
            <div class="detail-item-con">
                <div class="title">红细胞分布宽度标准差（RDW-SD）：</div><div>{{form.rdw_sd}}</div>
            </div>
        </div>
        <div class="detail-item">
            <div class="detail-item-con">
                <div class="title">血小板（PLT）：</div><div>{{form.plt}}</div>
            </div>
            <div class="detail-item-con">
                <div class="title">平均血小板体积（MPV）：</div><div>{{form.mpv}}</div>
            </div>
        </div>
        <div class="detail-item">
            <div class="detail-item-con">
                <div class="title">血小板宽度（PDW）：</div><div>{{form.pdw}}</div>
            </div>
            <div class="detail-item-con">
                <div class="title">血小板压积（PCT）：</div><div>{{form.pct}}</div>
            </div>
        </div>
        <div class="detail-item">
            <div class="detail-item-con">
                <div class="title">大型血小板比率（P-LCR）：</div><div>{{form.p_lcr}}</div>
            </div>
            <div class="detail-item-con">
                <!-- <div class="title">血小板压积（PCT）：</div><div>{{form.baso}}</div> -->
            </div>
        </div>

      </div>
    </el-dialog>
  </div>
</template>

<!-- eslint-disable -->
<script>
  import {OcrDetail} from '@/utils/request.js'

  export default {
    components: {  },
    name: 'ocrForm',
    data(){
      return {
        dialogTitle: '血常规',
        dialogFormVisible: false,
        formLabelWidth: '100px',
        loadingAdd: false,
        form: {},
        data: {}
      }
    },
    created() {

    },
    methods: {
      dialogClose() {

      },
      editTmp(row) {
        this.data = row
        this.getData()
        this.dialogFormVisible = true
      },
      getData() {
        OcrDetail(this.data).then((res) => {
          if (res.code == 0) {
            this.form = res.data.data
          } else {
            this.$message.error('数据获取失败!')
          }
        })
      },
    }
  }
</script>

<style scoped>

    .detail {

    }
    .detail .detail-item {
        display: flex;
        justify-content: space-between;
        padding: 0 0 10px;
    }
    .detail-item-con {
        flex: 1;
        display: flex;
        padding-left: 10px;
        box-sizing: border-box;
    }
    .detail-item-con .title {
        min-width: fit-content;
    }
</style>
